import React from 'react'
import './styles/App'
import Header from './components/Header'
import List from './components/List'
import Footer from './components/Footer'
import useList from './hooks/useList'


function App() {
  const [list, dispatch] = useList();
  return (
    <div className='box'>
      <Header dispatch={dispatch} />
      <List list={list} dispatch={dispatch} />
      <Footer list={list} dispatch={dispatch} />
    </div>
  )
}

export default App
